.Jcyp {
    background-color: white;
    width: 100px;
    height: 30px;
    margin-left: 40px;
    margin-top: -40px;
  }
  .jcyp2 {
    display: flex; float: left; margin-top: 6px; margin-left: 20px
  }
  .page {
    width: 70%;
    height: 50px;
    background-color: white;
    margin-top: 620px;
    margin-left: 150px;
  }
.JC1{
    width: 70%; height: 50px; background-color: white
}
.JC2{
    background-color: burlywood; width: 20px; height: 50px; margin-left: 20px
}
.jcyp2{
    display: flex; float: left; margin-top: 6px; margin-left: 20px
}
.allYP{
    width: 70%; height: 350px; background-color: white
}
.box-card{
    width: 100%
}
.allYP2{
    width: 100%; height: 200px; background-color: white
}
.tx1{
    height: 50px; width: 50px
}
.image2{
    border-radius: 50%; overflow: hidden; margin-top: 20px; margin-left: 10px
}
.Name1{
    display: flex;
    float: left;
    color: #333333;
    font-size: larger;
    margin-left: 100px;
    margin-top: -35px;
    font-weight: bold;
}
.userT{
        display: flex;
        float: left;
        color: darkgray;
        font-size: larger;
        margin-left: 160px;
        margin-top: -30px;
        font-weight: bold;
}
.desn1{
    width: 680px; height: 140px; background-color: white; margin-left: 100px
}
.desn2{
    display: flex; float: left; text-align: left; color: #333333
}